<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../assets/vendors/nprogress/nprogress.css">


    <link rel="stylesheet" href="./css/common.css">
    <link rel='stylesheet' href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <script src="./js/home/home.js"></script>
    <script src="./js/home/common.js"></script>

</head>
<style>

</style>

<body>
    <!--左侧公共-->
    @@include('./common/home/topnav.html')

    <!-- <div class="left-common">
        <a href="#" class="logo">
        </a>
        <ul>
            <li><a href="#"><i class="iconfont icon-beizi"></i>奇趣事</a></li>
            <li><a href="#"><i class="iconfont icon-dianhua1"></i>超科技</a></li>
            <li><a href="./list.html"><i class="iconfont icon-huo1"></i>会生活</a></li>
            <li><a href="#"><i class="iconfont icon-liwu"></i>么奇迹</a></li>
        </ul>
        <div class="input-keyWords">
            <div class="input-box">
                <input type='text' placeholder='输入关键字'><button type="button">搜索</button>
            </div>
        </div>
    </div> -->
    <!--右侧公共-->
    <div class="right-common">
        <div class="serach whiteBG">
            <h4>搜索</h4>
            <div class="input-keyWords">
                <div class="input-box">
                    <input type='text' placeholder='输入关键字'><button type="button">搜索</button>
                </div>
            </div>
        </div>
        <div class="random-recommonded whiteBG">
            <h4>随机推荐</h4>
            <ul>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>废灯泡的14种玩法 妹子见了都会心动</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_1.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>可爱卡通造型 iPhone 6防水手机套</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_2.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>变废为宝！将手机旧电池变为充电宝的Better</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_3.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>老外偷拍桂林芦笛岩洞 美如“地下彩虹”</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_4.jpg">
                </li>
                <li>
                    <div class="random-recommonded-leftwords">
                        <a href="#">
                            <p>doge神烦狗打底南瓜裤 就是如此魔性</p>
                            <span> 阅读(819)</span>
                        </a>
                    </div>
                    <img src="./img/widget_5.jpg">
                </li>
            </ul>
        </div>
        <div class="new-comment whiteBG">
            <h4>最新评论</h4>
            <ul>
                <li>
                    <img src="./img/avatar_1.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_2.jpg">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_2.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar_1.jpg ">
                    <div class="new-comment-rightwords ">
                        <a href="# ">
                            <p><span>鲜活</span>2020-02-01说:
                            </p>
                            <p>挺会玩的</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 中间-->
    <div class="middle-common">
        <!--轮播-->
        @@include('./common/home/swipe.html')


        <!--中间公共-->
        <!--热门推荐-->
        <div class="hot-recommended whiteBG">
            <h4>热门推荐</h4>
            <ul class="hotUl">
                <li>
                    <a href="#">
                        <img src='./img/hots_2.jpg'>
                        <span>星球大战:原力觉醒视频演示 电影票68</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src='./img/hots_3.jpg'>
                        <span>你敢骑吗？全球第一辆全功能3D打印摩托车亮相</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src='./img/hots_4.jpg'>
                        <span>又现酒窝夹笔盖新技能 城里人是不让人活了！</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src='./img/hots_5.jpg'>
                        <span>实在太邪恶！照亮妹纸绝对领域与私处</span>
                    </a>
                </li>
            </ul>
        </div>
        <!--最新发布-->
        <div class="newPush whiteBG">
            <h4>热门推荐</h4>
            <ul class="newPushUl">
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="hotBox">

                        <div class="hotTop">
                            <span class="sort">会生活</span>
                            <a href="#">星球大战：原力觉醒视频演示 电影票68</a>
                        </div>
                        <div class="hotBody">
                            <div class="hotLeft">
                                <p><span>admin</span>&nbsp;<span>发表于&nbsp; 2020-06-20</span></p>
                                <p>星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒：《星球大战:原力觉醒》中国首映盛典红毯</p>
                                <p>
                                    <span>阅读(3406)</span>
                                    <span>评论(0)</span>
                                    <a href="#">赞(1670)</a>
                                    <span>分类: <a href="#">星球大战</a></span>
                                </p>
                            </div>
                            <div class="hotRight">
                                <img src="./img/hots_2.jpg">
                            </div>
                        </div>
                    </div>

                </li>
            </ul>
        </div>
    </div>

</body>
@@include('./common/base.html')
<script src="./js/alibaixui-index.js"></script>

</html>